<template>
	<view class="card-item fboxRow bg-21242C" @click="goPage()">
		<image class="avatar" :src="innerData.imagePhoto || innerData.avatar" mode="aspectFill"></image>
		<view class="line bg-21242C"></view>
		<view class="fboxCol flex1 info">
			<view class="fboxRow Ycenter">
				<view class="flex1 name font32 font-ell1">{{innerData.nickname || innerData.realName}}</view>
				<view class="time font24" v-if="innerData.visitTime">{{innerData.visitTime}}</view>
			</view>
			<view class="phone mt16 font26 lh38 font-ell1" v-if="innerData.mobile"><text class="bwfont bw-Vector4"></text>{{innerData.mobile}}</view>
			<view class="company mt8 font26 lh38 font-ell1"
					v-if="innerData.firstCompanyName|| innerData.companyName"><text class="bwfont bw-Vector8"></text>{{innerData.firstCompanyName || innerData.companyName}}</view>
			<view class="job mt8 font26 lh38 font-ell1" v-if="innerData.firstPositionName|| innerData.industry|| innerData.positionName"><text
					class="bwfont bw-a-zu3478"></text>{{innerData.firstPositionName || innerData.industry || innerData.positionName}}
			</view>
		</view>
		<view class="mark bg-linear font22 fboxRow Ycenter Xcenter" v-if="isMine">我的</view>
	</view>
</template>

<script>
	export default {
		props: {
			innerData: {
				type: Object,
				defaul: () => {
					return {}
				}
			},
			isMine: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {}
		},

		methods: {
			goPage(){
				const id = this.innerData.cardId || this.innerData.memberId
				this.$pageTo('/CardDetail?id='+id)
			}
		}
	}
</script>

<style lang="scss" scoped>
.card-item {
		margin-top: 32rpx;
		position: relative;
		border-radius: 0 12rpx 12rpx 0;
		height: 214rpx;
		overflow: hidden;
	}
	.card-item .time{color: var(--contentFontFourColor);}

	.card-item .avatar {
		width: 230rpx;
		height: 214rpx;
		position: relative;
		z-index: 1;
	}

	.card-item .line {
		width: 30rpx;
		height: 230rpx;
		position: absolute;
		left: 214rpx;
		top: 0;
		transform: rotate(5deg);
		z-index: 2;
	}
	.card-item .info {
		position: relative;
		padding: 18rpx 16rpx;
		line-height: 34rpx;
		z-index: 3;
		color:var(--contentFontLightColor)
	}

	.card-item .name {
		height: 44rpx;
		line-height: 44rpx;
		color:var(--titleFontColor)
	}
	.mt8{margin-top: 8rpx;}
	.company {
		// height: 38rpx;
	}

	.card-item .bwfont {
		font-size: 26rpx;
		margin-right: 10rpx
	}

	.card-item .mark {
		position: absolute;
		right: 0;
		top: 0;
		width: 74rpx;
		height: 46rpx;
		border-radius: 0 12rpx 0 12rpx;
		overflow: hidden;
		z-index: 4;
	}
</style>